<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>守望先锋 | 游戏专栏</title>
  <link rel="stylesheet" href="../css/global.css" />
  <link rel="stylesheet" href="../css/games.css" />
  <style>
    /* 守望先锋专属样式 - 未来科技感 */
    body {
      background-color: #0f1923;
      color: #ffffff;
      background-image: linear-gradient(to bottom, #0a1219 0%, #0f1923 100%);
      font-family: 'Arial', sans-serif;
    }

    .site-header h1 {
      color: #f99e1a;
      text-shadow: 0 0 10px rgba(249, 158, 26, 0.7);
      border-bottom: 2px solid #f99e1a;
      letter-spacing: 1px;
    }

    .site-nav a {
      color: #a0a0b0;
    }

    .site-nav a:hover {
      color: #f99e1a;
      text-shadow: 0 0 5px rgba(249, 158, 26, 0.5);
    }

    h2,
    h3 {
      color: #f99e1a;
      border-left: 4px solid #f99e1a;
      padding-left: 10px;
      text-shadow: 0 0 3px rgba(249, 158, 26, 0.3);
    }

    .content {
      background-color: #1a2535;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
      border: 1px solid #2a3545;
    }

    blockquote {
      background-color: #141f2f;
      border-left: 4px solid #f99e1a;
      color: #a0a0b0;
    }

    .btn {
      background-color: #2a3545;
      color: #f99e1a;
      border: 1px solid #f99e1a;
      padding: 10px 20px;
      border-radius: 4px;
      transition: all 0.3s;
    }

    .btn:hover {
      background-color: #f99e1a;
      color: #0f1923;
    }

    ul li {
      margin-bottom: 10px;
      padding-left: 5px;
      border-left: 2px solid #2a3545;
    }

    ul li::marker {
      color: #f99e1a;
      content: "⚡ ";
    }

    .meta {
      background-color: #141f2f;
      padding: 10px;
      border-radius: 4px;
      border-left: 3px solid #f99e1a;
      color: #a0a0b0;
    }

    p,
    li {
      color: #ffffff;
      line-height: 1.6;
    }

    img {
      filter: contrast(1.2) saturate(1.1);
      border-radius: 8px;
    }
  </style>
</head>

<body>
  <header class="site-header">
    <h1>守望先锋</h1>
    <nav class="site-nav">
      <a href="../index.html">首页</a>
      <a href="../html/game-research/index.html">游戏研究</a>
      <a href="index.html">游戏专栏</a>
    </nav>
  </header>
  <main class="content">
    <div class="detail-header">
      <div class="meta">英文名：Overwatch ｜ 年份：2016 ｜ 类型：团队射击 ｜ 平台：全平台 ｜ 开发商：Blizzard</div>
    </div>
    <img src="../images/overwatch.jpg" alt="守望先锋"
      style="width:100%;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.6);margin:15px 0;" />
    <article>
      <h2>概述</h2>
      <p>
        《守望先锋》是暴雪娱乐开发的团队射击游戏，设定在充满希望的未来地球，玩家控制拥有独特能力和个性的"英雄"角色，组成团队进行6v6对战。游戏以其鲜明的艺术风格、多样化的角色设计和强调团队合作的玩法而闻名。每个英雄都属于三种角色类型之一：输出、重装或支援，团队需要合理搭配角色类型才能取得胜利。
      </p>

      <h3>版本与更新</h3>
      <ul>
        <li>2016年5月：游戏正式发布</li>
        <li>2016年-2022年：定期英雄和地图更新</li>
        <li>2019年11月：守望先锋2宣布</li>
        <li>2022年10月：守望先锋2免费发布，取代原版</li>
        <li>2023年8月：故事任务和入侵内容更新</li>
      </ul>

      <h3>推荐理由（要点）</h3>
      <ul>
        <li>机制/系统：独特的英雄技能系统提供多样化玩法；终极技能积累机制增加战术深度；目标导向的游戏模式强调团队合作。</li>
        <li>内容/规模：超过30个独特英雄，每个都有完整背景故事；多种游戏模式包括快速比赛、竞技比赛和街机模式；定期更新保持游戏新鲜度。</li>
        <li>口碑/影响：获得IGN 9.4/10极高评价；荣获2016年TGA年度游戏奖；被赞为"团队射击游戏的革新之作"。</li>
      </ul>

      <h3>适合人群</h3>
      <p>团队射击游戏爱好者；喜欢多样化角色和能力的玩家；注重团队合作和策略的玩家；暴雪游戏粉丝；寻求快节奏竞技体验的玩家。</p>
    </article>
  </main>
  <footer class="container">
    <a class="btn" href="index.html">← 返回游戏专栏</a>
  </footer>
</body>

</html>